<?php
defined( '_JEXEC' ) or die( 'Restricted index access' );


JHTML::script('mooRainbow.js', $jsPath);
JHTML::script('wbRainbow.js', $jsPath);
JHTML::stylesheet('mooRainbow.css', $cssPath);

?>


<div id="controlpanel">

  <div id="wbRainbow" class="controlpanel" style="padding:5px;">
    <div style="width:84px; float:left;">Name </div>
    <select id="colorselector" style="width:150px;">
    
<?php
$ns = & $this->params->_registry['_default']['data'];
foreach($ns as $key => $value)
{
  if (strpos($key, 'wbDesc') !== false)
  {
    echo '<option value="' . $key . '">' . $value . '</option>';
  }
}
?>
    </select>
    <br />
    <div style="width:84px; float:left;">Value:</div>
    <img id="rbColor" src="<?php echo $templatePath ?>/images/rainbow.png" alt="[r]" width="16" height="16" />
    <input id="colorvalue" name="colorvalue" type="text" size="13" />
  </div>

  <div id="controlpanelx">
    <div style="float:left; width:1px; background-color:#AAAAAA;">&nbsp;</div>
    <div id="controlhandle">control panel</div>
    <div style="float:left; width:1px; background-color:#AAAAAA;">&nbsp;</div>
    <div style="clear:both"></div>
    <div style="float:left; width:1px; height:1px; background-color:transparent;"></div>
    <div style="float:left; width:7em; height:1px; background-color:#AAAAAA;"></div>
    <div style="float:left; width:1px; height:1px; background-color:transparent;"></div>
  
  </div>
  
  
</div>
